<template>
<div>
    <div class="Slunbo-1"  @click="showPopup"><img src="img/06.jpg" alt="" /><img src="img/09.jpg" alt=""></div>
      <van-popup v-model="show"  position="top" :style="{ height: '30%'} " round >
          <div class="shangbianlan">
            <Duanyou/>
          </div>
      </van-popup>
</div>
</template>

<script>
import Duanyou from "./shangbian/duanyou.vue"
export default {
  data() {
    return {
      show: false,
    };
  },
  methods: {
    showPopup() {
      this.show = true;
    },
  },
  components:{
    Duanyou
  }
};
</script>

<style scoped>
.Slunbo-1{
  display: flex;
  align-items: center;
}
.Slunbo-1 >img:nth-child(1){
  height: 0.2rem;
}
.Slunbo-1 >img:nth-child(2){
  height: 0.1rem;
}
.shangbianlan{
  height: 100%;
}
</style>